<template>
	<div class="error-page">
		<div class="error-code">4<span>0</span>4</div>
		<div class="error-desc">{{$t('tip404')}}</div>
		<div class="error-handle">

			<el-row :span="24">
				<el-col :span="12">
					<router-link to="/">
						<el-button type="primary" size="large">{{$t('goHome')}}</el-button>
					</router-link>

				</el-col>
				<el-col :span="12">
					<el-button class="error-btn" type="primary" size="large"
						@click="goBack()">{{$t('goPrevious')}}</el-button>
				</el-col>
			</el-row>





		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goBack() {
				this.$router.go(-1);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.error-code {
		color: #0484D7;
	}

	.error-page {
		max-width: 400px;
		width: 100%;
		margin: 100px auto;
		text-align: center;
	}
</style>